<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>购物车</title>
    <link rel="stylesheet" href="/static/client/style.css">
</head>
<body>
    <!-- 头部 -->
    <header class="cart-header">
        <!-- 将返回按钮替换为 < 符号，设置颜色为白色 -->
        <a href="javascript:history.back()">
            <span class="back-symbol">&lt;</span>
        </a>
        <h1>菩提阁</h1>
    </header>
    <!-- 主内容区域 -->
      <form action="/address/update" method="post">
    <main class="cart-main">
       
        <!-- 地址信息 -->
        <div class="address-section">
            <h2>收货地址</h2>
            <!-- 将收货地址文本替换为输入框 -->
            <input type="text" name="userAddress" class="address-input" placeholder="请输入收货地址，详细到门牌号">
         
            <input type="text" name="userName" class="address-input" placeholder="请输入收货人">
        
            <input type="text" name="phone" class="address-input" placeholder="请输入联系电话">
         
        </div>
        <!-- 收货地址明细-->
        <div  th:if="${address}" class="order-details">

            <p class="address" th:text="|${address.userAddress}|"></p>
            <hr>
            <p class="contact"  th:text="|收货人:${address.userName} 电话:  ${address.phone}|"></p>
            <hr>
        </div>
      
</main>
    <!-- 底部支付栏 -->
    <footer class="bottom-payment-bar">
        <div class="left-content">
            <img src="/static/client/images/location.png" alt="收货地址">
        </div>
        	<input type="submit" name="" value="保存" class="pay-btn">
    </footer>
      </form>
    <script src="/static/client/jquery-1.12.4.min.js"></script>
    <script src="/static/client/script.js"></script>

</body>
</html>
